// @use "../../assets/styles/mixins/mixins" as *;

// @include b(message) {
//   width: fit-content;
//   max-width: calc(100% - 32px);
//   box-sizing: border-box;
//   border-radius: getCssVar("border-radius-base");
//   border-width: getCssVar("border-width");
//   border-style: getCssVar("border-style");
//   border-color: getCssVar("border-color-lighter");
//   position: fixed;
//   left: 50%;
//   top: 20px;
//   transform: translateX(-50%);
//   background-color: getCssVar("color", "info", "light-9");
//   transition:
//     opacity getCssVar("transition-duration"),
//     transform 0.4s,
//     top 0.4s;
//   padding: 15px 19px;
//   display: flex;
//   align-items: center;

//   p {
//     margin: 0;
//   }

//   @each $type in (success, info, warning, error) {
//     @include m($type) {
//       background-color: getCssVar("color", $type, "light-7");
//       border-color: getCssVar("color", $type);
//       color: getCssVar("color", $type, "dark-2");
   
//       .#{$namespace}-message__content {
//         color: getCssVar("color", $type, "dark-2");
//         overflow-wrap: anywhere;
//       }
//     }
//   }
// }

// .#{$namespace}-message-fade-enter-from,
// .#{$namespace}-message-fade-leave-to {
//   opacity: 0;
//   transform: translate(-50%, -100%);
// }
